<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8"> 
	<title>趣社区</title>
	<link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">  
	<link rel="icon" href="http://ico.58pic.com/iconset01/iconshock-christmas-icons/gif/96879.gif" type="img/x-ico" />
	<link href="<%=request.getContextPath() %>/static/css/mobile/playground.css" media="all" rel="stylesheet" type="text/css" />
	<link href="<%=request.getContextPath() %>/static/css/mobile/custom.css" media="all" rel="stylesheet" type="text/css" />
	<script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
	<script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
	<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body>
	<div class="container">
	<div class="row clearfix">
		<div class="col-md-12 column">
			<div class="page-header">
				<h1>
					趣社区欢迎
				</h1>
			</div>
			<nav class="navbar navbar-default" role="navigation">
				<div class="container-fluid"> 
				<div class="navbar-header">
					<button type="button" class="navbar-toggle" data-toggle="collapse"
							data-target="#example-navbar-collapse">
						<span class="sr-only">切换导航</span>
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
					</button>
					<a class="navbar-brand" href="#">菜单</a>
				</div>
				<div class="collapse navbar-collapse" id="example-navbar-collapse">
					<ul class="nav navbar-nav myMenu">
						<li><a href="<%=request.getContextPath() %>/m/index">首页</a></li>
						<li><a href="<%=request.getContextPath() %>/m/loveWall">表白墙</a></li>
						<li><a href="<%=request.getContextPath() %>/m/music">音乐平台(网易风)</a></li>
						<li><a href="<%=request.getContextPath() %>/m/video">老司机视频区</a></li>
						<!-- <li><a href="#">留言交流</a></li> -->
						<li class="dropdown">
							<a href="#" class="dropdown-toggle" data-toggle="dropdown">
								图社 <b class="caret"></b>
							</a>
							<ul class="dropdown-menu">
								<li><a href="<%=request.getContextPath() %>/m/doubi?type=-1">逗比</a></li>
								 <li class="divider"></li>
								<li><a href="<%=request.getContextPath() %>/m/c-c-?type=-1">妹子自拍</a></li>
							</ul>
						</li>
						<li class="dropdown">
							<a href="#" class="dropdown-toggle" data-toggle="dropdown">
								小游戏 <b class="caret"></b>
							</a>
							<ul class="dropdown-menu">
								<li><a href="<%=request.getContextPath() %>/static/games/index.html">电脑游戏</a></li>
							</ul>
						</li>
					</ul>
				</div>
				</div>
			</nav>
		</div>
	</div>
</div>
</body>
<script>
	$(function(){
		$(".myMenu li").click(function(){
			$(".myMenu li").removeClass("active");
			$(this).addClass("active");
			
		});
	})
</script>
</html>